.main-menu {
    margin: 0 auto;
    text-align: center;
    display: table;
    padding: 0 0 10px 0;
}
.main-menu ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: -moz-box;
    display: table-cell;
}

.main-menu ul li {
    position: relative;
    float: left;
    display: inline;
    width: 100px;
    list-style: none;
    text-align: center;
    cursor: pointer;
}

.main-menu ul li a {
    color: #fff;
    text-decoration: none;
    width: 91px;
    margin: 0px;
    padding: 0px 0px 0px 8px;
    display: block;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #808080;
}

.main-menu ul li ul li {
    height: auto;
}
.main-menu ul li ul li a {
    background: #666;
}
.main-menu ul li a:hover {
    background: #666;
}
.main-menu ul li ul {
    display: none;
}
.main-menu ul li:hover ul {
    position: absolute;
    left: 0;
    display: inline;
}
.main-menu ul li ul li a:hover {
    background: #333;
}
